<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            <ace:panel id="pnlCrear" header="Creación de Empleado">
                <h:panelGrid columns="5" style="width: 90%" columnClasses="colwidth25,colwidth1,colwidth20,colwidth1,colwidth40">
                    <h:outputLabel value="Rut" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <ace:maskedEntry id="rutId" dir="RTL" value="#{empleadoMBean.empleado.rutEmpleado}" mask="9999999?9" placeHolder="" size="10" required="true" requiredMessage="El rut es requerido."/>
                        -
                        <h:inputText id="dvId" value="#{empleadoMBean.empleado.dvEmpleado}" maxlength="1"  styleClass="inputDv"/>
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:column>
                        <h:outputLabel value="#{empleadoMBean.msgRut}" style="color:red;"/>
                        <h:message for="rutId" errorClass="error"/>
                    </h:column>
                    
                    <h:outputLabel value="Nombres" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="nombreId" styleClass="inputStyle" value="#{empleadoMBean.empleado.nombresEmp}" required="true" requiredMessage="El nombre es requerido." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="nombreId" errorClass="error" />
                    
                    <h:outputLabel value="Apellidos" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="apeId" styleClass="inputStyle"  value="#{empleadoMBean.empleado.apellidosEmp}" required="true" requiredMessage="El apellido es requerido." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="apeId" errorClass="error" />
               
                    <h:outputLabel value="Dirección" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="dirId" styleClass="inputStyle" value="#{empleadoMBean.empleado.direccion}" required="true" requiredMessage="La dirección es requerida." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="dirId" errorClass="error" />
                    
                    
                    <h:outputLabel value="Comuna" />
                    <h:outputLabel value=":" />
                    <h:selectOneMenu id="selComuna"  value="#{empleadoMBean.codComuna}" >
                        <f:selectItems value="#{empleadoMBean.comunas}" var="comu" itemValue="#{comu.CUTComuna}" itemLabel="#{comu.nomComu}" />
                     </h:selectOneMenu>

                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="selComuna" errorClass="error" />
                    
                    <h:outputLabel value="Teléfono" />
                        <h:outputLabel value=":" />
                    <h:column>
                        <h:inputText id="fonoId" styleClass="inputStyle" value="#{empleadoMBean.empleado.fono}" required="true" requiredMessage="El teléfono es requerido." />
                    </h:column>
                    <h:outputLabel value="*" style="color:red;"/>
                    <h:message for="fonoId" errorClass="error" />
                    
                    <h:outputLabel value="Fecha de Nacimiento" />
                    <h:outputLabel value=":" />
                    <ace:maskedEntry id="fechaId" style="width: 70px" value="#{empleadoMBean.empleado.fechaNac}" mask="99/99/9999" >
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </ace:maskedEntry>
                    <h:panelGroup/>
                    <h:panelGroup/>
                 
                    <h:outputLabel value="Sexo" />
                    <h:outputLabel value=":" />
                    <h:selectOneRadio id="selSexoID" value="#{empleadoMBean.empleado.sexo}" layout="pageDirection" >
                       <f:selectItem itemLabel="Masculino" itemValue="M" />
                        <f:selectItem itemLabel="Femenino" itemValue="F" />
                    </h:selectOneRadio>
                    <h:panelGroup/>
                    <h:panelGroup/>
                   
                   
                </h:panelGrid>
                
                <h:panelGrid id="pnlInformacionEmpleado" headerClass="headerPanel"  columns="6" style="width: 100%" columnClasses="colwidth15,colwidth1,colwidth30,colwidth15,colwidth1,colwidth30">
                     <f:facet name="header">Puesto de Trabajo</f:facet>
                    
                    <h:outputLabel value="Fecha de Contratación" />
                    <h:outputLabel value=":" />
                    <ace:maskedEntry id="contratacionId" style="width: 70px" value="#{empleadoMBean.empleado.fechaContratacion}" mask="99/99/9999" >
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </ace:maskedEntry>
                    
                    
                    
                    <h:outputLabel value="Sucursal" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <h:selectOneMenu  id="selSucursal" value="#{empleadoMBean.codSucursal}" >
                            <f:selectItems value="#{empleadoMBean.sucursales}" var="suc" itemValue="#{suc.idSucursales}" itemLabel="#{suc.nomSuc}" />
                        </h:selectOneMenu>
                    </h:column>
                    
                    <h:outputLabel value="Cargo" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <h:selectOneMenu  id="selCargo" value="#{empleadoMBean.codCargo}" >
                            <f:selectItems value="#{empleadoMBean.cargos}" var="car" itemValue="#{car.idCargo}" itemLabel="#{car.cargo}" />
                        </h:selectOneMenu>
                    </h:column>
                    
                    <h:outputLabel value="Rol de Permisos" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <h:selectOneMenu  id="selRol" value="#{empleadoMBean.codRol}" >
                            <f:selectItems value="#{empleadoMBean.roles}" var="emp" itemValue="#{emp.idRol}" itemLabel="#{emp.rol}" />
                        </h:selectOneMenu>
                    </h:column>
                    
                    <h:outputLabel value="Area de Trabajo" />
                    <h:outputLabel value=":" />
                    <h:column>
                        <h:selectOneMenu  id="selArea" value="#{empleadoMBean.codArea}" >
                            <f:selectItems value="#{empleadoMBean.areas}" var="area" itemValue="#{area.idAreaTrabajo}" itemLabel="#{area.areaTrabajo}" />
                        </h:selectOneMenu>
                    </h:column>
                </h:panelGrid>
                 <h:panelGrid id="pnlInformacionEmpleadoLogin" headerClass="headerPanel"  columns="6" style="width: 100%" columnClasses="colwidth15,colwidth1,colwidth30,colwidth15,colwidth1,colwidth30">
                     <f:facet name="header">Proceso de Logeo</f:facet>
                    <h:outputLabel value="Nombre Usuario" />
                    <h:outputLabel value=":" />
                    <h:inputText id="idUser" styleClass="inputStyle" value="#{empleadoMBean.empleado.usuario}" />
                   
                    <h:outputLabel value="Contraseña" />
                    <h:outputLabel value=":" />
                    <h:inputSecret id="idContra" styleClass="inputStyle" value="#{empleadoMBean.empleado.password}" />
                      
                 </h:panelGrid>
            </ace:panel>
           <div id="contenidoBotonesId" class="contenidoBotones">
               <f:ajax>
                <b:boton value="Volver a la lista" title="Volver a la lista" styleClass="flotarIzquierda" action="#{empleadoMBean.volver}"/>
               </f:ajax> 
                <b:boton value="Aceptar" title="Aceptar" styleClass="flotarDerecha" action="#{empleadoMBean.crear}"/>
            </div>
        </h:form>
    </ui:define>

</ui:composition>

